<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .btn{
            height: 100px;
            width: 300px;
            background-color: aqua;
            border-radius: 5px;
            border: 1px solid yellow;
            line-height: 30px;
            font-size: 22px;
            font-family: '楷体';
            display: block;
            
        }

        .b2{
            margin-top: 10px;
        }

    </style>
    <script>
        console.log(10/3)
    </script>

    <script src="js/button.js" type="text/javascript"></script>
    <!-- <script src="js/button.js" type="text/javascript"></script> -->
    <script>
        // function click2(){
        //     alert("惊喜2");
        // }

        
            // var i = 1;
            
            // while (i <=9){
            //     var j = 1;
            //     while (j<=i){
            //         document.write(j+" * " +i +" = " +j*i+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;")
                
            //         j++;
            //     }
            //     document.write("<hr>")
            //     i++;
            // }

            var arr = ["北京","南京","上海"];
            document.write("<ul>");
            for(var index in arr){
                // console.log(index);
                document.write("<li>"+arr[index]+"</li>");
                

            }
            document.write("</ul>");

        
    </script>
</head>
<body>

    <button type="button" class="btn" onclick="click1()">点击我有惊喜</button>
    <button type="button" class="btn b2" onclick="click2()">点击我有惊喜2</button>
    
    <hr>
    <h1>99乘法表</h1>
    <hr>
    

</body>
</html>